.login-container {
	background-color: #f8f8f8;
	width: 100%;
	.banner-bg {
		width: 100%;
		height: 400rpx;
	}

	.login-nav {
		@include flex();
		padding: 0 146rpx;
		font-size: 30rpx;
		font-weight: bold;
		color: $c-9;
		.nav-item {
			position: relative;
			margin-bottom: 40rpx;
			overflow: visible !important;
			&.active {
				color: $base-color;

				&:after {
					content: '';
					position: absolute;
					bottom: -20rpx;
					width: 60rpx;
					left: 50%;
					transform: translateX(-50%);
					height: 8rpx;
					border-radius: 4rpx;
					background-color: $base-color;
				}
			}
		}
	}

	.footer-select-container {
		width: 640rpx;
		margin: 20rpx auto;
		@include flex();
		color: $c-9;
		font-size: 26rpx;
		text-decoration: underline;
	}
}

:deep(.uni-forms-item__content) {
	@include flex(flex-start, center);
	padding-left: 40rpx;
}

:deep(.uni-forms-item) {
	padding-left: 30rpx;
	border-bottom: 1px solid #eee;
	padding-top: 24rpx;
	background-color: #fff;
}

:deep(.uni-forms-item__inner) {
	padding-bottom: 24rpx;
}

:deep(.label-text span) {
	font-size: 32rpx;
}

.code-component {
	@include flex(center);
	position: absolute;
	right: 0;
	top: 0;
}

.placeholder {
	color: #999;
}
.login-container-btn {
	@include flex(center);
}
.login-btn {
	width: 640rpx;
	height: 90rpx;
	border-radius: 10rpx;
	background-color: $base-color;
	color: #ffffff;
	font-size: 32rpx;
	margin-top: 80rpx;
}

:deep(.uni-easyinput__content-input) {
	padding-left: 0 !important;
}
.uni-easyinput__placeholder-class {
	font-size: 16px;
}
